{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>上传文件</title>
</head>
<body>
<p>上传文件</p>
{#<form action="" method="post" enctype="multipart/form-data">#}
    {% csrf_token %}
    <input id="uploadFile" type="file" name="file"><br/><br/>
    <input type="submit" id="submit_file_bton" value="提交">
{#</form>#}
{#如果使用ajax就需要下面的代码，暂时把csrf验证注释掉了。不使用的话要把上面注释掉的form放开#}
<script src="{% static 'jQuery.js' %}"></script>
<script>
    $("#submit_file_bton").click(function () {
        console.log("hahahaahahahaaaaaaaa")
        let formData = new FormData()
        formData.append("file", $("#uploadFile")[0].files[0])
        $.ajax({
            url: '',
            type: 'post',
            data: formData,
            //下面两句话需要都加上，data直接传值，上面的表单数据
            contentType:false,
            processData:false,
            success: function (data) {
                console.log(data)
            }
        })
    });
</script>
</body>
</html>